import { isAuth } from '@/utils/auth'
import { Route, Redirect } from 'react-router-dom'
function AuthRoute({ component: Component, ...rest }) {
  return (
    <Route
      {...rest}
      // path={path}
      render={(props) => {
        /* 判断是否登录，如果没有登录跳回登录页
          1.根据本地是否存储有token来判断是否登录
          2.有：正常访问 || 没有：跳到登录页面
        */
        if (!isAuth()) {
          // 没有登录，重定向到登录页
          return (
            <Redirect
              to={{
                pathname: '/login',
                state: {
                  // 当前访问页面的地址:props.location.pathname ↓
                  // 目的：下次登录成功，还能回到上次访问的页面
                  from: props.location.pathname,
                },
              }}
            />
          )
        }
        // 登陆过
        return <Component />
      }}></Route>
  )
}
export default AuthRoute
